

$(function(){
    let laypage = layui.laypage
    let form =  layui.form
let query = {
    pagenum:1,
    pagesize:2
}

//获取数据
function getInfo(){
    $.ajax({
        url:'admin/users',
        type:'GET',
        data:query,
        success:function(res){
         console.log(res)
         let htmlStr = template('trTpl',res)
         $('#tb').html(htmlStr)
         //分页
         renderPage(res.total)
             } 
        })
}
getInfo()

//分页功能
function  renderPage(total){
    laypage.render({
        elem: 'pageBox' ,//注意，这里的 test1 是 ID，不用加 # 号
        count: total, //数据总数，从服务端得到
        limit:query.pagesize,
        limits:[2, 5, 10, 15, 20],
        layout:['count','prev', 'page', 'next','limit','skip'],
        curr:query.pagenum,
        jump: function(obj, first){
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            query.pagenum=obj.curr
            query.pagesize=obj.limit
            //首次不执行
            if(!first){
                getInfo()
            }
          }
      });
   }

//删除功能
$('#tb').on('click','.delat',function(){
     //解决删除时的BUG
    if($('.delat').length === 1){
        if(query.pagenum === 1){
            query.pagenum = 1
        }else{query.pagenum =  query.pagenum - 1}   
    }

    let frist = $(this).attr('data-id')
    layer.confirm('确认要删除用户吗？', function(index){
        //do something
        $.ajax({
            url:'admin/users/' + frist,
            type:'DELETE',
            success:function(res){
              console.log(res)
              getInfo()
            }
        })
        layer.msg('删除成功')
        layer.close(index);
      });  
   })

   //重置密码
   let passId 
   let  index
   $('#tb').on('click','#reset',function(){
       passId = $(this).attr('data-id')
        index = layer.open({
        type:1,
        title:'重置密码',
        area:'500px',
        content: $('#trPass').html()
      });
   })

//验证密码
   form.verify({
    pass: [
        /^[\S]{6,12}$/
        ,'密码必须6到12位，且不能出现空格'
      ] ,
    newpassword:(value) =>{
      let newPwd = $('[name=password]').val()
      if(value !== newPwd ){
          return "确认密码与新密码不一致"
      }
     }
   })

//弹出密码表单
$('body').on('submit','.restPass',function(e){
    e.preventDefault()
    let data = $(this).serialize()
  $.ajax({
      url:"admin/users/" + passId ,
      type:'PUT',
      data,
      success:function(res){
          console.log(res)
        if(res.status !== 0){
           return layer.msg('更新密码失败')
        }
        layer.close(index)
        layer.msg(res.message)
    }     
  })
})

//编辑跳转功能  本地存储id
$('body').on('click','.set',function(){
  location.href = "./edit.html"
   let allId = $(this).attr('data-id')
   localStorage.setItem("id", allId);
})

})